<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="jis">
 a: <input v-model="a"><br>
 b: <input v-model="b"><br>
 c: <input v-model="c"><br>
  <div>abc直接的合是{{sum()}}</div>
  <div>abc之间相乘是{{chen()}}</div>
</div>
<script>
  var jas = new Vue({
    el: '#jis',
    data: {
      a: 10,
      b: 15,
      c: 20
    },
    methods: {
      sum() {
        var ssm=parseInt( this.a)+parseInt(this.b)+parseInt(this.c);
        return ssm;
      },
      chen() {
        return this.a * this.b * this.c;
      }
    }
  });
</script>
</body>
</html>
